<template>
    <div>
        <div class="inner">
            <div class="header">
                <van-icon name="arrow-left" size="20" @click="wode()"/>
                <span>个人设置</span>
            </div>
           <div>
               <van-cell title="头像" is-link value="更换" value-class="pink"/>
               <van-cell title="昵称" is-link value="更换" value-class="pink"/>
               <van-cell title="性别" is-link  />
               <van-cell title="简介" is-link />
               <van-cell title="邮箱" is-link value="更换" value-class="pink"/>


           </div>
        </div>
    </div>
</template>
<script>
export default {
    methods:{
        wode(){
            this.$router.push({
              path:"/wode"
              })
        }
    }
}
</script>
<style scoped>
.inner{width: 90%;margin:  0 auto}
.header{display: flex;width: 100%;align-items: center}
.header span{font-size: .18rem;font-weight: bold;margin: .2rem auto}
.pink{color:#EE87B6}
</style>